<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <script src="../avalon1.5/avalon.js"></script>
    <script>
        var model = avalon.define({
            $id: "test",
            content: "引入内部模板",
            name: "dr",
            eee: "lala",
            change: function () {
                model.eee = model.eee === "lala" ? "hehe" : "lala"
            },
            render: function () {
                alert("render")
            },
            loaded: function () {
                alert("loaded");
            }
        })
    </script>
</head>
<body ms-controller="test">
<script type="avalon" id="tpl">
            here, {{ 3 + 6 * 5  }}
</script>
<noscript id="lala">
    <strong>{{name}}</strong>!!!
</noscript>
<template id="hehe">
    <em>{{content}}</em>!!!
</template>
<p>{{content}}
    <button ms-click="change" type="button">切换子模板</button>
</p>
<div ms-include="'tpl'"></div>
<div ms-include="eee" data-include-rendered="render" data-include-loaded="loaded"></div>
</body>
</html>